@charset "utf-8";
*{
   font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;	
	
}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input,
	legend, li, ol, p, select, table, td, textarea, th, ul {
	margin: 0;
	padding: 0;
	font-size:14px;
}
button, input, optgroup, select, textarea {
    background-color: inherit;
}
ul li{
    list-style-type: none;
}
body {
	min-width: 320px;
	font-size: 14px;
	font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	-webkit-text-size-adjust: none;
	background-color:#F8F8F8;
	-webkit-tap-highlight-color:transparent;
	overflow-x: hidden;
}
*{
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
}

body{
	width: 100%;
	height:100%;
	background: #fff;
}
.approvalBody{
	width: 100%;
	padding-top: 5px;
}
.approvalBody>li{
	float: left;
    width: 33.3%;
    height: 110px;
    border-bottom: 1px solid #dfe0e6;
    box-sizing: border-box;
}
li.line,li.evection,li.goods{
	border-left: 1px solid #dfe0e6;
    border-right: 1px solid #dfe0e6;
}
li.overtime{
	background: url('../images/wyf_66.png') no-repeat  center 20px;
	background-size: 46px; 
}
li.leave{
	background: url('../images/wyf_67.png') no-repeat  center 20px;
	background-size: 46px; 
}
li.reimbursement{
	background: url('../images/wyf_56.png') no-repeat  center 20px;
	background-size: 46px; 
}
li.adopt{
	background: url('../images/wyf_57.png') no-repeat  center 20px;
	background-size: 46px; 
}
li.evection{
	background: url('../images/wyf_58.png') no-repeat  center 20px;
	background-size: 46px; 
}
li.egress{
	background: url('../images/wyf_59.png') no-repeat  center 20px;
	background-size: 46px; 
}
li.warranty{
	background: url('../images/wyf_60.png') no-repeat  center 20px;
	background-size: 46px; 
	border-bottom: 0px;
}
li.goods{
	background: url('../images/wyf_61.png') no-repeat  center 20px;
	background-size: 46px; 
	border-bottom: 0px;
}

.approvalBody>li>a{
    width: 100%;
    height: 100%;
    color: #909090;
    text-decoration: none;
    display: block;
    text-align: center;
    padding-top: 72px;
    box-sizing: border-box;
}


.tabs{
	width: 100%;
	display:table;
}
.tabs li{
	position: relative;
	display:table-cell;
	width: 33.33%;
	height:110px;
}
.tabs li.active{
	background: #E3E7EA;
}
.tabs li .todo{
	background: url('../images/wyf_62.png') no-repeat center 20px;
	background-size: 46px; 
}
.tabs li .signed{
	background: url('../images/wyf_63.png') no-repeat center 20px;
	background-size: 46px; 
	
}
.tabs li .launch{
	background: url('../images/wyf_64.png') no-repeat center 20px;
	background-size: 46px; 
	
}
.tabs li .examine{
	background: url('../images/wyf_65.png') no-repeat center 20px;
	background-size: 46px; 
	
}

.tabs li a{
	display: block;
    width: 100%;
    height:110px;
    text-decoration: none;
    color: #909090;
    padding-top: 75px;
    text-align: center;
    border-bottom: 1px solid #dfede6;
    box-sizing: border-box;
    border-right: 1px solid #dfede6;
}
.tabs li.examine a{
	border-right:0px;
}
ul.listOption{
	padding: 0px 10px ;
	width: 100%;
	box-sizing:border-box;
}
ul.listOption li{
	height: 66px;
	border-bottom: 1px solid #dfede6;
}
ul.listOption li div.listLeft{
	float: left;
}
ul.listOption li div.listLeft h3{
    line-height: 2em;
    margin-top: 5px;
    font-weight: normal;
}
ul.listOption li .listRight{
    float: right;
    margin-top: 5px;
}
ul.listOption li .listRight span{
    color: #ccc;
    font-size: 12px;
}
ul.listOption li .listRight label{
    display: block;
    text-align: center;
    border-radius: 27px;
    border: 1px solid #5f97f6;
    padding: 3px 0px;
    color: #5f97f6;
    margin-top: 5px;
    font-size: 12px;
}
ul.listOption li div.listLeft p{
	color: #909090;
}
.tabs li i{
	font-style: normal;
    position: absolute;
    top: 16px;
    left: 50%;
    background: #f00;
    color: #fff;
    /* padding: 0px 5px; */
    border-radius: 50%;
    margin-left: 15px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
}

.more , .schedulenoDate{
	text-align: center;
    line-height: 45px;
    color: #928F8F;
}

.listRight .middle{
	display: table;
    height: 60px;
}
.listRight .middle span{
	display: table-cell;
    vertical-align: middle;
}
.noData{
	text-align: center;
    line-height: 50px;
    background: #fff;
}
.duty_header{
    background-color: #fafafa;
}